import {newsDetail} from "../../api/apis"
import {formatTime,formatNum} from "../../utils/common"
let id;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    detail:null
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    console.log(options);
    id=options.id;
    this.getDetail();
  },

  //获取详情页数据 
  getDetail(){
    newsDetail({
      id
    }).then(res=>{
      console.log(res);
      res.data.publish_date=formatTime(res.data.publish_date,6)
      res.data.view_count = formatNum(res.data.view_count) 
      res.data.content =res.data.content.replace(/<p/gi,"<p class='pstyle'");
      res.data.content =res.data.content.replace(/<img/gi,"<img class='imgstyle'");
      wx.setNavigationBarTitle({
        title:res.data.title
      })
      this.setData({
        detail:res.data
      })
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return{
      title:this.data.detail.title,
      path:"/pages/newsDetail/newsDetail?id="+this.data.detail._id
    }
  },

  //分享到朋友圈
  onShareTimeline(){
    return{
      title:this.data.detail.title,
      path:"/pages/newsDetail/newsDetail?id="+this.data.detail._id,
      
    }
  },
  

})



// 这段代码实现了一个新闻详情页面的功能，具体包括：

// 1. **页面加载和数据获取：**
//    - 页面加载时通过参数获取新闻的 ID，并调用 `getDetail` 方法获取新闻详情数据。

// 2. **获取详情数据：**
//    - 使用 `newsDetail` 方法获取新闻详情数据，包括标题、发布日期、浏览次数、内容等信息。
//    - 对发布日期和浏览次数进行格式化处理，以便在页面中展示。

// 3. **页面渲染和标题设置：**
//    - 将新闻详情数据设置到页面的数据对象中，以便页面渲染。
//    - 使用 `wx.setNavigationBarTitle` 方法设置页面标题为新闻标题。

// 4. **页面渲染和样式处理：**
//    - 对新闻内容中的 `<p>` 和 `<img>` 标签添加了自定义的样式类，以便进行样式控制。

// 5. **页面生命周期函数：**
//    - 实现了页面生命周期函数，如 `onReady`, `onShow`, `onHide`, `onUnload` 等。

// 6. **分享功能：**
//    - 实现了用户点击右上角分享按钮和分享到朋友圈的功能，分享的内容为当前新闻的标题和链接。

// 通过以上功能，该页面能够展示新闻的详细信息，并提供了良好的用户体验和分享功能。